var types = null;
		
		$(function() {
			
			getTypes();
			
			$('#linkWindow').dialog({closable: false, autoOpen : false, width : 400,  resizable : false,
				modal : true, title : "link", closed: true });
			
			//绑定上传图片的事件
			$("input[name=iconFile]").change(function(){
				var objUrl = getObjectURL(this.files[0]) ;
				console.log("objUrl = "+objUrl) ;
				if (objUrl) {
					$("#img0").attr("src", objUrl) ;
				}
			}) ;
		});
		
		
		
		//建立一個可存取到該file的url
		function getObjectURL(file) {
			var url = null ; 
			if (window.createObjectURL!=undefined) { // basic
				url = window.createObjectURL(file) ;
			} else if (window.URL!=undefined) { // mozilla(firefox)
				url = window.URL.createObjectURL(file) ;
			} else if (window.webkitURL!=undefined) { // webkit or chrome
				url = window.webkitURL.createObjectURL(file) ;
			}
			return url ;
		}
		
		//查询所有的类型
		function getTypes(){
			$.ajax({
				url: ctx + "/types.do",
				type:"GET",
				dataType:"json",
				cache:false,
				async:true,//同步请求
				success: function(data){
					types = data;
					getLinks();
					if(data){
						for (var i = 0; i < data.length; i++) {
							$('#tid').append("<option value="+data[i].id+">" + data[i].name +"</option>");
						}
					}
				},
				error:function(){
					
				}
			});
		}
		
		//查询links
		function getLinks(){
			$('#xx').treegrid({
				animate: true,
				collapsible: true,
				fitColumns: true,
				url: ctx+'/treegrid.do',
				method: 'get',
				rownumbers: true,
				lines: true,
				idField: 'id',
				treeField: 'name',
				title : '资源',
				frozenColumns:[[  
					{title:'name',field:'name',width:"20%", 
						formatter:function(value){  
							return '<span style="color:red">'+value+'</span>';  
						}  
					}  
				]],  
				columns : [ [
				        /****字段1*****/
						{title : '图标',field : 'icon',width : "5%",align : 'center',
							formatter : function(value, row) {
								if(row.id >100)
									return "<img src='"+ctx+"/icon/"+row.id+".do' style='width: 60%;max-height:24px;' alt='icon' >";
								return null;
							}
						},
						
						/****字段2*****/
						{title : 'url',field : 'url',width : "16%", 
							formatter : function(value, row) {
								if(value)
									return "<a href=\""+value+"\" target=\"view_window\">"+value+"</a>";
								return "";
							}
						}, 
						
						/****字段3*****/
						{title : '类型',field : '_parentId',width : "10%", 
							formatter : function(value, row) {
								if (value) {
									for (var i = 0; i < types.length; i++) {
										if (types[i].id == value)
											return types[i].name;
									}
									return types[0].typeName;
								} else {
									return '';
								}
							}
						},
						
						/****字段4*****/
						{title : '描述',field : 'decription',width : "20%" },
						
						/****字段5*****/
						{title : '账号',field : 'userName',width : "10%" },
						
						/****字段6*****/
						{title : '密码',field : 'password',width : "10%"},  
						
						/****字段7*****/
						{title : '操作',field : 'id',width : "10%",align : 'center',
							formatter : function(value, row) {
								if(row.id > 100){
										var html = "<span><img onClick='openUpdateWinodw("+value+
										")' src='"+ctx+"/static/jquery-easyui-1.5.1/themes/icons/pencil.png'\ title='编辑' style='cursor:pointer;' ></span>";
									return html;
								} else {
									return "";
								}
							}
						}  
					] 
				]
				,onLoadSuccess: function (row, data){
					$.each(data, function (i, val) {
						$('#xx').treegrid('collapseAll', data[i].id);
					});
				}
			});
		}
		
		// 打开修改link的窗口
		function openUpdateWinodw(id){
			$.ajax({
				url:ctx + "/getById.do",
				type:"GET",
				dataType:"json",
				data : {"id":id},
				cache:false,
				async:true,//同步请求
				success: function(link){
					if(link) {
						$('#linkWindow').dialog({closable: false, autoOpen : false, width : 400,  resizable : false,
							modal : true, title : "修改link", closed: true });
						
						$('#linkWindow').dialog("open");
							
						$('#linkForm').form('load',{
							name : link.name,
							tid : link.tid,
							url : link.url,
							decription : link.decription,
							userName : link.userName,
							password : link.password
						});
						
						$("#img0").attr("src", ctx + "/icon/" + link.id + ".do") ;
						$("#isRemove").val(link.isRemove);
						$("#id").val(link.id);
						$('#updateBut').show();
						$('#addBut').hide();
						
					} else {
						alert("数据异常");
					}
				},
				error:function(){
					alert("数据异常");
				}
			});
		}
		
		/**
		*增加
		*/
		function add(){
			$('#linkWindow').dialog({closable: false, autoOpen : false, width : 400,  resizable : false,
				modal : true, title : "增加link", closed: true });
			$('#linkWindow').dialog("open");
			$('#updateBut').hide();
			$('#addBut').show();
		}
		
		/**
		*保存增加
		*/
		function save(){
			//easyui自动生成的id,需要我们自己读取
			var id = $('input[name=iconFile]').attr("id");
			$.ajaxFileUpload( {
			    url: ctx+'/insert.do', //用于文件上传的服务器端请求地址
			    secureuri: false, //是否需要安全协议，一般设置为false
			    fileElementId: id, //文件上传域的ID
			    dataType: 'json', //返回值类型 一般设置为json
			    data :{name:$("#name").val(), tid:$("#tid").val(), url:$("#url").val(),
			    	decription:$("#decription").val(), userName:$("#userName").val(), password:$("#password").val()},
			    success: function (data, status) { //服务器成功响应处理函数
			    	if(data == "1") {
						alert("增加成功");
					} else if(data == "2"){
						alert("增加失败");
					} else if(data == "0"){
						alert("图片上传失败");
					}
					init();
			    },
			    error: function (data, status, e) {//服务器响应失败处理函数
			    	alert("增加失败");
					init();
			    }
			});
		}
		
		/**
		*保存修改
		*/
		function update(){
			//easyui自动生成的id,需要我们自己读取
			var fileId = $('input[name=iconFile]').attr("id");
			var id = $("#id").val(); 
			var isRemove = $("#isRemove").val(); 
			var name = $("#name").textbox('getValue'); 
			var tid = $("#tid").textbox('getValue'); 
			var url = $("#url").textbox('getValue'); 
			var decription = $("#decription").textbox('getValue'); 
			var userName = $("#userName").textbox('getValue'); 
			var password = $("#password").textbox('getValue'); 
			
			$.ajaxFileUpload( {
			    url: ctx +'/update.do', //用于文件上传的服务器端请求地址
			    secureuri: false, //是否需要安全协议，一般设置为false
			    fileElementId: fileId, //文件上传域的ID
			    dataType: 'json', //返回值类型 一般设置为json
			    data :{id:id, name:name, tid:tid, url:url, isRemove:isRemove, decription:decription, userName:userName, password:password},
			    success: function (data, status) { //服务器成功响应处理函数
			    	if(data == "1") {
						alert("修改成功");
					} else if(data == "0"){
						alert("修改失败");
					} 
					init();
			    },
			    error: function (data, status, e) {//服务器响应失败处理函数
			    	alert("修改失败");
					init();
			    }
			});
		}
		
		function init(){
			$('#linkWindow').dialog("close");
			reload();
			$('#linkForm').form('clear');
			$("#img0").attr("src", ctx+"/static/img/default.jpg") ;
		}
		
	   /**
		*关闭修改
		*/
		function cancel(){
			$('#linkWindow').dialog("close");
			$('#linkForm').form('clear');
			$("#img0").attr("src", ctx + "/static/img/default.jpg") ;
		}
		
	   /**
		*刷新数据
		*/
		function reload(){
			$('#xx').treegrid('reload');
		}
	   	//删除
		function removeLink() {
			var node = $('#xx').treegrid("getSelected");
			if(node) {
				var id = node.id;
				if(id < 100) {
					return ;
				}
				$.ajax({
					url:ctx+"/delete.do",
					type:"GET",
					dataType:"json",
					data : {id:id},
					cache:false,
					async:true,//同步请求
					success: function(msg){
						if(msg == "1") {
							alert("删除成功");
						} else {
							alert("删除失败");
						}
						reload();
					},
					error:function(){
						
					}
				});
			} 
		}
	   	
	   	function recycle(){
	   		$.ajax({
				url:ctx+"/recycle.do",
				type:"GET",
				dataType:"json",
				cache:false,
				async:true,//同步请求
				success: function(data){
					$('#recycleTable').empty();
					var html = "";
					for (var i = 0; i < data.length; i += +2) {
						var tr = "<tr>";
						tr += "<td class=\"r_td box-shadow-3\">";
						tr += "<a class=\"r_td_but\" href=\"javascript:void(0)\" onclick=\"recover("+data[i].id+");\">恢复</a>&nbsp;";
						tr += "<a class=\"r_td_but\" href=\"javascript:void(0)\" onclick=\"drop("+data[i].id+");\">删除</a>"+"<br/>";
						tr += data[i].name+"<br/>";
						tr += data[i].url;
						tr += "</td>";
						if(!data[i+1]){
							html += tr;
							continue;
						}
						tr += "<td class=\"r_td box-shadow-3\">";
						tr += "<a class=\"r_td_but\" href=\"javascript:void(0)\" onclick=\"recover("+data[i+1].id+");\">恢复</a>&nbsp;";
						tr += "<a class=\"r_td_but\" href=\"javascript:void(0)\" onclick=\"drop("+data[i+1].id+");\">删除</a>"+"<br/>";
						tr += data[i+1].name+"<br/>";
						tr += data[i+1].url;
						tr += "</td>";
						tr += "</tr>";
						
						html += tr;
					}
					$('#recycleTable').append(html);
					$('#recycleWindow').show();
					
				},
				error:function(){
					
				}
			});
	   	}
	   	//恢复一个
	   	function recover(id){
	   		$.ajax({
				url:ctx+"/recover.do",
				type:"GET",
				dataType:"json",
				data :{id:id},
				cache:false,
				async:true,//同步请求
				success: function(data){
					reload();
					recycle();
				},
				error:function(){
					
				}
			});
	   	}
	   	
		//彻底删除一个
	   	function drop(id){
	   		$.ajax({
				url:ctx+"/drop.do",
				type:"GET",
				dataType:"json",
				data :{id:id},
				cache:false,
				async:true,//同步请求
				success: function(data){
					reload();
					recycle();
				},
				error:function(){
					
				}
			});
	   	}